// 判断事件是表单失去焦点onblur
// 如果输入正确则提示正确的绿色信息
// 如果不是4——6位的密码则提示错误信息红色
// 用className修改样式
window.addEventListener('load', function () {
    // var btn = document.querySelector('button');
    // btn.addEventListener('click', function () {
    //     alert('成功进入四次元世界');
    // })

    var ipt1 = document.querySelector('.ipt1');
    var ipt2 = this.document.querySelector('.ipt2');
    var message1 = document.querySelector('.message1');
    var message2 = this.document.querySelector('.message2');
    // 注册事件，失去焦点
    ipt1.onblur = function () {
        // 根据表单长度
        if (this.value == "") {
            //console.log('wrong');
            message1.className = 'message1 wrong';
            message1.innerHTML = '不允许白菜没有名字';
        } else {
            message1.className = 'message1 right';
            message1.innerHTML = '允许出炉';
        }
    }
    ipt2.onblur = function () {
        // 根据表单长度
        if (this.value.length !=6) {
            //console.log('wrong');
            message2.className = 'message2 wrong';
            message2.innerHTML = '输入的密码不是六位数';
        } else {
            message2.className = 'message2 right';
            message2.innerHTML = '芝麻开门';
        }
    }
})
